import { RouteRecordRaw } from "vue-router";
import layoutVue from "@/layouts/index.vue";

const routes: Array<RouteRecordRaw> = [
  {
    path: "/", // 根路径，重定向到 /index
    name: "main", // 主路由的名称
    redirect: "/index", // 重定向到 /index 页面
    component: layoutVue, // 加载主页面组件
    children: [
      {
        path: "/index", // 示例页面路径
        name: "example", // 示例页面的路由名称
        meta: {
          name: "示例页面", // 页面名称
          title: "", // 页面标题，将动态生成
          icon: "SettingOutlined",
        },
        component: () => import("@/views/example/examplePage.vue"), // 示例页面组件
      },
    ],
  },
  {
    path: "/:catchAll(.*)", // 捕获所有未匹配的路由，显示 404 页面
    name: "404", // 404 页面的路由名称
    component: () => import("@/views/error/NotFoundPage.vue"), // 加载 404 页面组件
  },
];

export default routes;
